<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>牛牛商城-订单提交成功</title>
	<link rel="stylesheet" type="text/css" href="{{ static('css/reset.css') }}">
	<link rel="stylesheet" type="text/css" href="{{ static('css/main.css') }}">
	<script type="text/javascript" src="{{ static('js/vue-2.5.16.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/axios-0.18.0.min.j') }}"></script>
</head>
<body>
	<div id="app">
	<div class="header_con">
		<div class="header">
			<div class="welcome fl">欢迎来到牛牛商城!</div>
			<div class="fr" style="cursor: pointer;">
                <div v-if="username" class="login_btn fl" v-cloak>
                    欢迎您：<em>[[ username ]]</em>
                    <span>|</span>
                    <a href={{ url('users:logout') }} class="quit">退出</a>
                </div>
                <div v-else class="login_btn fl" v-cloak>
                    <a href="login">登录</a>
                    <span>|</span>
                    <a href="register">注册</a>
                </div>
				<div class="user_link fl">
					<span>|</span>
					<a v-if="username" href="{{ url('users:info') }}">用户中心</a>
					<span v-if="username">|</span>
					<a href="{{ url('carts:info') }}">我的购物车</a>
					<span>|</span>
					<a href="/orders/info/1">我的订单</a>
				</div>
			</div>
		</div>
	</div>
	<div class="search_bar clearfix">
		<a href="{{ url('contents:index') }}" class="logo fl">
            <img src="{{ static('images/logo.png') }}"alt="some_logo"width="120px"height="100px" style="margin-left:80px;"></a>
		<div class="search_wrap fl">
            <form method="get" action="/search/" class="search_con" style="border-radius: 15px;">
                <input type="text" class="input_text fl" name="q" placeholder="搜索商品">
                <input type="submit" class="input_btn fr" name="" value="搜索" style="border-radius: 12px;cursor: pointer;">
            </form>
            <ul class="search_suggest fl">
                <li><a href="https://uland.taobao.com/sem/tbsearch?spm=a2e0b.20350158.search.1&refpid=mm_26632258_3504122_32538762&keyword=%E4%B8%89%E5%8F%AA%E6%9D%BE%E9%BC%A0&clk1=b97410d2f6947cb48f5e6cb9d182522a&upsId=b97410d2f6947cb48f5e6cb9d182522a&pid=mm_26632258_3504122_32538762&union_lens=recoveryid%3A201_11.170.87.36_5100233_1626270140072%3Bprepvid%3A201_11.8.106.4_5214829_1626312157701">三只松鼠</a></li>
				<li><a href="https://uland.taobao.com/sem/tbsearch?spm=a2e0b.20350158.search.1&refpid=mm_26632258_3504122_32538762&keyword=%E8%B5%AB%E6%9C%AC%E9%A3%8E&clk1=b97410d2f6947cb48f5e6cb9d182522a&upsId=b97410d2f6947cb48f5e6cb9d182522a&pid=mm_26632258_3504122_32538762&union_lens=recoveryid%3A201_11.170.87.36_5100233_1626270140072%3Bprepvid%3A201_11.176.129.100_5219278_1626312259591">赫本风</a></li>
				<li><a href="https://category.vip.com/suggest.php?keyword=%E9%9B%AA%E7%BA%BA%E8%A1%AB&ff=235|12|1|1">雪纺衫</a></li>
				<li><a href="https://uland.taobao.com/sem/tbsearch?spm=a2e0b.20350158.search.1&refpid=mm_26632258_3504122_32538762&keyword=%E9%98%B2%E6%99%92%E9%9C%9C&clk1=b97410d2f6947cb48f5e6cb9d182522a&upsId=b97410d2f6947cb48f5e6cb9d182522a&pid=mm_26632258_3504122_32538762&union_lens=recoveryid%3A201_11.170.87.36_5100233_1626270140072%3Bprepvid%3A201_11.170.86.133_5208063_1626312300026">防晒霜</a></li>
            </ul>
        </div>
    </div>
	<div class="common_list_con clearfix">
        <div class="order_success">
            <p><b>订单提交成功，订单总价<em>¥{{ payment_amount }}</em></b></p>
            <p>您的订单已成功生成，选择您想要的支付方式，订单号：{{ order_id }}</p>
            <p><a href="/orders/info/1">您可以在【用户中心】->【我的订单】查看该订单</a></p>
        </div>
    </div>
    <div class="order_submit clearfix">
        {% if pay_method == '1' %}
            <a href="{{ url('contents:index') }}">继续购物</a>
        {% else %}
            <a @click="order_payment" class="payment" style="border-radius: 12px;cursor:pointer;">去支付</a>
        {% endif %}
    </div>
	<div class="footer">
		<div class="foot_link">
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">联系我们</a>
			<span>|</span>
			<a href="#">招聘人才</a>
			<span>|</span>
			<a href="#">友情链接</a>		
		</div>
		<p>CopyRight © 2021 重庆勇敢牛牛商业股份有限公司 All Rights Reserved</p>
		<p>电话：5208208820    渝ICP备*******8号</p>
        <br>
	</div>
	</div>
	<script type="text/javascript" src="{{ static('js/common.js') }}"></script>
	<script type="text/javascript" src="{{ static('js/order_success.js') }}"></script>
</body>
</html>